
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="林镭特">
    <link rel="stylesheet" href="weather.css">
    <title></title>
    <style>
        
    </style>
</head>
<body>

<main>
<h3>温州市</h3>

<div class="today">
    <img src="http://api.map.baidu.com/images/weather/night/duoyun.png" alt="">
    <div class="wendu">16 ~ 9℃</div>
    <p class="tianqi">多云</p>
    <p class="fengxiang">西北风微风</p>
    <p class="shishi">实时温度：16°C，空气指数26</p>
</div>

<div class="mingtian">
    
    <div>
        <p class="weekend">周三</p>
        <img src="http://api.map.baidu.com/images/weather/day/yin.png" alt="">
        <p>15 ~ 10℃</p>
        <p>阴转小雨</p>
        <p>东南风3-4级</p>
    </div>
    
    <div>
        <p class="weekend">周四</p>
        <img src="http://api.map.baidu.com/images/weather/day/zhongyu.png" alt="">
        <p>15 ~ 11℃</p>
        <p>小到中雨转阴</p>
        <p>无持续风向微风</p>
    </div>
    
    <div>
        <p class="weekend">周五</p>
        <img src="http://api.map.baidu.com/images/weather/day/xiaoyu.png" alt="">
        <p>19 ~ 9℃</p>
        <p>小雨转多云</p>
        <p>北风3-4级</p>
    </div>
    
</div>
</main>
   
</body>
</html>
   
